<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.org/ui">

    <ui:composition>
        <script src="http://maps.google.com/maps/api/js?sensor=true" type="text/javascript" />
        <p:dialog id="AlertsViewDlg" widgetVar="AlertsViewDialog" modal="true" resizable="false"  appendTo="@(body)" header="#{MyBundle.ViewAlertsTitle}" closeOnEscape="true">

            <h:form id="AlertsViewForm">

                <h:panelGroup id="display">
                    <p:panelGrid columns="2" columnClasses="column" rendered="#{historyController.selected != null}">

                        <h:outputText value="#{MyBundle.ViewAlertsLabel_id}"/>
                        <h:outputText value="#{historyController.selected.id}" title="#{MyBundle.ViewAlertsTitle_id}"/>

                        <h:outputText value="#{MyBundle.ViewAlertsLabel_type}"/>
                        <h:outputText value="#{historyController.selected.type}" title="#{MyBundle.ViewAlertsTitle_type}"/>

                        <h:outputText value="#{MyBundle.ViewAlertsLabel_latitude}"/>
                        <h:outputText value="#{historyController.selected.latitude}" title="#{MyBundle.ViewAlertsTitle_latitude}"/>

                        <h:outputText value="#{MyBundle.ViewAlertsLabel_longitude}"/>
                        <h:outputText value="#{historyController.selected.longitude}" title="#{MyBundle.ViewAlertsTitle_longitude}"/>

                        <h:outputText value="#{MyBundle.ViewAlertsLabel_description}"/>
                        <h:outputText value="#{historyController.selected.description}" title="#{MyBundle.ViewAlertsTitle_description}"/>

                        <h:outputText value="#{MyBundle.ViewAlertsLabel_phone}"/>
                        <h:outputText value="#{historyController.selected.phone}" title="#{MyBundle.ViewAlertsTitle_phone}"/>

                        <h:outputText value="#{MyBundle.ViewAlertsLabel_name}"/>
                        <h:outputText value="#{historyController.selected.name}" title="#{MyBundle.ViewAlertsTitle_name}"/>

                        <h:outputText value="#{MyBundle.ViewAlertsLabel_date}"/>
                        <h:outputText value="#{historyController.selected.date}" title="#{MyBundle.ViewAlertsTitle_date}"/>

                        <h:outputText value="#{MyBundle.ViewAlertsLabel_user}"/>
                        <h:outputText value="#{historyController.selected.user.user}"/>

                        <h:outputText value="#{MyBundle.ViewAlertsLabel_localization}"/>                       
                        
                        <p:gmap center="#{historyController.selected.latitude}, #{historyController.selected.longitude}" zoom="15" type="HYBRID"
                                style="width:600px;height:350px" widgetVar="mymap" id="mymap" model="#{historyController.selected.simpleModel}"/>

                    </p:panelGrid>
                    
                    <p:commandButton value="#{MyBundle.Close}" onclick="AlertsViewDialog.hide()" styleClass="button"/>
                    
                </h:panelGroup>

            </h:form>

        </p:dialog>

    </ui:composition>

</html>
